export const themeList:any = {
  default: {
    "@primary-color": "#1000ff", // 全局主色
    "@link-color": "#1890ff", // 链接色
    "@success-color": "#52c41a", // 成功色
    "@warning-color": "#faad14", // 警告色
    "@error-color": "#f5222d", // 错误色
    "@font-size-base": "14px", // 主字号
    "@heading-color": "rgba(0, 0, 0, 0.85)", // 标题色
    "@text-color": "rgba(0, 0, 0, 0.65)", // 主文本色
    "@text-color-secondary": "rgba(0, 0, 0, 0.45)", // 次文本色
    "@disabled-color": "rgba(0, 0, 0, 0.25)", // 失效色
    "@border-radius-base": "4px", // 组件/浮层圆角
    "@border-color-base": "#d9d9d9", // 边框色
    "@box-shadow-base": "0 2px 8px rgba(0, 0, 0, 0.15)", // 浮层阴影
  },
  dark: {
    "@primary-color": "#1890ff", // 全局主色
  }
}

export const setTheme = (theme = 'default') => {
  // 后续完善
  const themeColors = themeList[theme];
  var root = document.querySelector(":root") as HTMLElement;
  for (let key in themeColors) {
    const value = themeColors[key]
    key = key.replace('@', '--ant-')
    root.style.setProperty(key, value);
  }
}